<script setup>
const props = defineProps({
  fill: String,
})
</script>

<template>
  <div>
    <svg viewBox="0 0 14 14">
      <path
        :fill="props.fill"
        d="M7 0C2.498 0 1.142.285.734.457a.291.291 0 0 0-.175.27v7.441a.868.868 0 0 0 .125.451c1.353 2.228 4.301 4.196 5.632 5.02l.319-.426c.476-.637.767-1.035 1.095-1.48-.003-.002-.006-.001-.01-.003l-.011-.005-.016-.004A2.6 2.6 0 0 1 7 11.297v.672c.059.013-3.56-2.018-4.824-4.37V1.565s0-.45 4.824-.45v5.962c.21-.18.45-.322.705-.422a2.7 2.7 0 0 1 1.016-.195c.347 0 .695.062 1.023.195.329.129.622.33.861.582l.002.002c.027.027.034.066.059.094.082-.193.15-.39.361-.537.262-.18.535-.225.723-.225h1.69V.727a.291.291 0 0 0-.175-.27C12.858.285 11.502 0 7 0z"
      ></path>
      <g
        style="
          font-size: 6.13466px;
          stroke: #000;
          stroke-width: 1.84615;
          stroke-miterlimit: 4;
          stroke-dasharray: none;
        "
      >
        <g
          style="
            stroke-width: 1.84615;
            stroke-miterlimit: 4;
            stroke-dasharray: none;
          "
        >
          <path
            :fill="props.fill"
            stroke="none"
            d="M12.27 9.17h1.19q.074.025.055.086-2.895 4.03-3.423 4.687-.03.067-.129.055h-.76q-.135 0-.16-.074 2.988-4 3.196-4.398.031-.05.031-.11 0-.068-.08-.19.013-.056.08-.056zM8.804 10.3q0-.288.086-.51.086-.226.233-.38.153-.16.362-.239.208-.086.454-.086.251 0 .46.086.209.08.356.24.153.153.239.38.086.22.086.509 0 .282-.086.51-.086.22-.24.38-.146.153-.355.239-.209.08-.46.08-.246 0-.454-.08-.209-.086-.362-.24-.147-.16-.233-.38-.086-.227-.086-.51Zm1.589 0q0-.196-.037-.35-.03-.153-.092-.257-.055-.11-.141-.166-.086-.061-.184-.061-.104 0-.19.06-.08.056-.141.167-.056.104-.092.257-.031.154-.031.35 0 .196.03.35.037.153.093.263.06.11.14.166.087.055.19.055.099 0 .185-.055t.141-.166q.061-.11.092-.263.037-.154.037-.35zm1.331 2.313q0-.289.086-.51.086-.226.233-.38.153-.16.362-.24.209-.085.454-.085.251 0 .46.086.209.08.356.24.153.153.24.38.085.22.085.509 0 .282-.086.509-.086.22-.24.38-.146.154-.355.24-.209.08-.46.08-.245 0-.454-.08-.209-.086-.362-.24-.147-.16-.233-.38-.086-.227-.086-.51zm1.589-.019q0-.196-.037-.35-.03-.153-.092-.257-.055-.11-.141-.166-.08-.061-.184-.061-.098 0-.184.061-.086.056-.147.166-.056.104-.092.258-.031.153-.031.35 0 .196.03.349.037.153.093.264.061.11.147.165.086.056.184.056.104 0 .184-.056.086-.055.141-.165.061-.11.092-.264.037-.153.037-.35z"
            aria-label="%"
            style="
              -inkscape-font-specification: TT_Skip-E;
              stroke: none;
              stroke-width: 1.84615;
              stroke-miterlimit: 4;
              stroke-dasharray: none;
            "
            transform="matrix(1.3 0 0 1.3 -4.2 -4.2)"
          ></path>
        </g>
      </g>
    </svg>
  </div>
</template>
